.grids
{

    margin-left: -@grid-margin;
    overflow: hidden;
    clear: both;

}

ul.grids
{

    margin-left: -@grid-margin;

}

ul.grids grid:first-child
{

    margin-left: 0;

}

.grid
{

    float: left;
    margin: 0 @grid-margin 0 0;

}

.grids .grid
{

    margin: 0 0 0 @grid-margin;

}

.grid-1		
{ 

    width: @grid-column;

}

.grid-2		
{
 
    width: 2 * @grid-column + @grid-margin; 

}

.grid-3		
{
 
    width: @grid-column * 3 + @grid-margin * 2; 

}

.grid-4		
{
 
    width: @grid-column * 4 + @grid-margin * 3; 

}

.grid-5		
{
 
    width: @grid-column * 5 + @grid-margin * 4; 

}

.grid-6		
{
 
    width: @grid-column * 6 + @grid-margin * 5; 

}

.grid-7		
{
 
    width: @grid-column * 7 + @grid-margin * 6; 

}

.grid-8
{
 
    width: @grid-column * 8 + @grid-margin * 7; 

}

.grid-9
{
 
    width: @grid-column * 9 + @grid-margin * 8; 

}

.grid-10
{
 
    width: @grid-column * 10 + @grid-margin * 9; 

}

.grid-11	
{ 

    width: @grid-column * 11 + @grid-margin * 10;  

}

.grid-12	
{ 

    width: @grid-column * 12 + @grid-margin * 11;  

}


